How to usewindow[] in Javascript

In a browser environment, you can use the window[] syntax to execute a JavaScript function when you have its name as a string.

Syntax:

function myFunction() {
    ...
}
const functionName = "myFunction";
window[functionName]();

Example: In this example, we define a function greet that logs a greeting to the console, and a variable functionName with the value “greet”, which is the name of the function. We then use window[functionName] to access the function by its name as a string, and call it with the argument “Alice”. This results in the greet function being executed, and the output “Hello, Alice!” being logged to the console.

Javascript

function greet(name) {
  console.log(`Hello, ${name}!`);
}
const functionName = "greet";
 
// Using window[] to execute the function
window[functionName]("Alice");

Output:

Hello, Alice!

How to execute a function when its name as a string in JavaScript ?

To execute a function when its name is a string in JavaScript, we have multiple approaches. In this article, we are going to learn how to execute a function when its name is a string in JavaScript.

Example:

function myFunction() {
    ...
}
const functionName ="myFunction";

Below are the approaches used to execute a function when its name is a string in JavaScript:

Table of Content

Using eval() Method
Using window[]
Using Function constructor

Tags:

#JavaScript-Questions #JavaScript #Web Technologies

Approach 1: Using eval() Method

Approach 3: Using Function constructor

How to usewindow[] in Javascript

Syntax:

Javascript

How to execute a function when its name as a string in JavaScript ?

Similar Reads